---
import BasePage from './BasePage.astro'
import Typer from '../components/Typer.vue'

export interface Props {
  content: {
    title: string
    description: string
  }
}

const {
  content: { title, description }
} = Astro.props
---

<BasePage title={title} description={description}>
  <article>
    <h1 class="text-2em m-0.25em ml-0 mr-0">
      {title}
    </h1>
    <Typer sentences={description} client:idle />
    <slot />
  </article>
</BasePage>
